/*---------------------------重置------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    box-sizing: border-box;
    vertical-align: baseline;
    font-family: "Microsoft YaHei";

}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
html{
    font-size:62.5%;
}
body {
    line-height: 1;
    color: black;
    font-family: "Microsoft YaHei";
    font-size:1.6rem;
    background-color: #f7f7f7;
 }

ol, ul ,li,dt,dd,dl{
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

a{
    text-decoration: none;
    color:#fff;
    display: block;
    cursor:pointer;
}
img{
    width: 100%;
    border:none;
    display: block;
}
/*---------------------------重置------------------------------*/


/*---------------------------通用-------------------------------*/

.fl{
    float:left;
}
.fr{
    float:right;
}
.fnone{
    float: none;
}
.m0{
    margin:0;
}
.ml0{
    margin-left:0;
}
.mr0{
    margin-right:0;
}
.mt0{
    margin-top:0;
}
.mb0{
    margin-bottom:0;
}
.ml10{
    margin-left:10px;
}
.mr10{
    margin-right:10px;
}
.mt10{
    margin-top:10px;
}
.mb10{
    margin-bottom:10px;
}
.ml15{
    margin-left:15px;
}
.ml20{
    margin-left:20px;
}
.mr20{
    margin-right:20px;
}
.mt20{
    margin-top:20px;
}
.mb20{
    margin-bottom:20px;
}
.mauto{
    margin-left:auto;
    margin-right:auto;
}
.p0{
    padding:0;
}
.pl0{
    padding-left:0;
}
.pr0{
    padding-right:0;
}
.pt0{
    padding-top:0;
}
.pb0{
    padding-bottom:0;
}
.t0{
    top:0;
}
.b0{
    bottom:0;
}
.bdn{
    border:none;
}
.disb{
    display:block;
}
.disn{
    display:none;
}
.overh{
    overflow:hidden;
}
.clear{
    clear:both;
}
.cfff{
    color:#fff;
}
.c333{
    color:#333;
}
.c666{
    color:#666;
}
.c999{
    color:#999;
}
.c0072ff{
    color:#0072ff;
}
.cff8a00{
    color:#ff8a00;
}
.bg0072ff{
    background:#0072ff;
}
.bgff8a00{
    background:#ff8a00;
}
.bgfff{
    background:#fff;
}
h1{
    font-size:40px;
}
h2{
    font-size:24px;
}
h3{
    font-size:18px;
}

h4{
    font-size:16px;
}

h5{
    font-size:14px;
}

h6{
    font-size:12px;
}
/*---------------------------通用-------------------------------*/